<template>
    <tr-card margin="12rpx 18rpx" padding="24rpx 24rpx 16rpx" borderRadius="12rpx">
        <view class="card-row row-between">
            <view class="card-row date-box" @tap="openMonthRange">
                <view class="label">{{$t('common.dateRange')}}：</view>
            </view>
        </view>
        <up-gap height="1" bgColor="#f5f5f5" marginTop="12rpx" marginBottom="12rpx"></up-gap>
        <view class="card-row row-between">
            <view class="label">{{$t('common.totalAmount')}}：</view>
            <view class="value all-money red-text">456789.00</view>
        </view>
    </tr-card>
    <qly-month-range ref="monthRange" />
</template>
<script setup>

const monthRange= ref()
const openMonthRange = () => {
    monthRange.value.open()
}
</script>
<style scoped lang="scss">

</style>
